<template>
  <div>
    <p>
      parent<br />
      <button @click="gaibian">改变</button>
    </p>
    <hr />
    <Child ref="childRef" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import Child from './Child.vue'

const childRef = ref(null)

const gaibian = () => {
  // console.log(childRef.value)
  childRef.value.change()
}
</script>
